
.ks-pagination-links {font-size:90%;color:#333;font-family:Arial,Helvetica,sans-serif;position:relative;text-align:left;padding-top: 1px;color:rgb(128, 128, 128);margin-bottom:0px;line-height:140%;}
            .ks-pagination-links ul {display:inline;padding-left:5px;margin-left:5px}
            .ks-pagination-links li {display:inline;list-style:none;text-align:center; margin:2px;}
            .ks-pagination-links li a {font-weight: 100;font-size: .8em!important;text-decoration: none!important; border: 1px #ccc solid;padding: 3px 6px 3px 6px!important;}
            .ks-pagination-links li a.last {border:10px #ccc solid;}
            .ks-pagination-links li a:hover {background-color: #0098D4; color: #fff!important; font-weight: bold;border:1px #000 solid;}
            .ks-pagination-links li a.last:hover {border:2px #000 solid;}
            .ks-pagination-links .current {font-weight: bold;font-size: .8em; text-decoration: none; padding-left: 20px; padding-right: 2px;}
            .ks-pagination-links .next a, .ks-pagination-links .previous a {border: 1px #fff solid; padding: 3px 6px 3px 6px;  }
            .ks-pagination-links .next a:hover, .ks-pagination-links .previous a:hover {font-weight:normal;}
            .ks-pagination-links .total {font-size:80%;}
#vertmenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 30px;
    list-style: none outside none;
    margin: 0pt;
    padding: 0pt;
    border: 0pt none;
    outline: 0pt none;
    font-size: 100%;
    vertical-align: baseline;
    background: none repeat scroll 0% 0% transparent;
    font-family: 'JustusRegular','courier',serif;
    line-height: 1;
    font: 12px 'Helvetica','Arial',sans-serif;
}
wp.right_column.vertmenu ul{
    margin-bottom: 30px;
    list-style: none outside none;
    margin: 0pt;
    padding: 0pt;
    border: 0pt none;
    outline: 0pt none;
    font-size: 100%;
    vertical-align: baseline;
    line-height: 1;
}
wp.right_column.vertmenu li{
    position: relative;
    margin: 0pt;
    padding: 0pt;
    border: 0pt none;
    outline: 0pt none;
    font-size: 100%;
    vertical-align: baseline;
    background: none repeat scroll 0% 0% transparent;
    list-style: none outside none;
    line-height: 1;
}


.wr {
    width: 70%;
    height: 100%;
    min-height: 1500px;
    margin: auto;
    background-color:#eeeeee ;
}

.left_column {
    float: left;
    display: block;
    padding: 15px;
    margin-top: 30px;
    width: 60%;
    border-radius: 0pt 0pt 0pt 0pt;
    margin-left: 60px;
    border-color:  rgb(228,228,230);
}
.right_column{
    float: right;
    display: block;
    margin-right: 30px;
    padding: 35pt 0 0 0 ;
    font: 12px 'Helvetica','Arial',sans-serif;
}

tr.head_column {
    border-top: 1px #000 solid;
    border-bottom: 1px #000 solid;
}

tr {
    border-bottom: 1px #ccc solid;
}


#learning_path_information {
    width:70%;
    float:left;
    padding: 0px;
    margin: 0;
}
#learning_path_functions {
    vertical-align: middle;
    width:25%;
    float:right;
    margin-top: 12px;
    margin-left: 5px;
}
.learning_action{
    margin-top:5px;
    margin-left: 20px;
    }
    
    .box_title {
        width: 95%;
        background:  repeat-x scroll 0pt -545px rgb(255, 255, 255);
        border: 1px solid rgb(204, 204, 204);
        margin: 0pt;
        padding: 3px 5px;
        height: 1%;
    }
    .box_content{
        float: left;
        margin-left: 10px;
    }
    /* Acttion
--------------------------------------------------------- */
    a.link-elc:hover{
        text-decoration:underline;
    }
    a:link,a:hover{
        color: rgb(76,110,148);
    }
    .link-elc{
        margin-right: 5px;
    }
    a.link-elc strong {
        
        text-transform: uppercase;
    }
    img.icon-elc{
       float: left;
       padding-right: 15px;
       text-align: left;
       
    }


#learning_path_content{
    display: block;
    width:70%;
    padding:10px;
    float:left;
    }
    .step{
        margin-bottom: 20px;
    }
    
    


#supporting_boxs {
    width:25%;
    float:right;
}
/* Home
--------------------------------------------------------- */
.path_list {
    display: block;
    padding: 15px 25px;
    margin: 0pt 0pt 40pt;
    background-color:#0098D4;
    position: relative;
    border-radius: 30px 30px 30px 30px;
    vertical-align: baseline;
    background: none repeat scroll 0% 0% transparent;
}
li.selected a{
    background-color: rgb(57, 164, 246);
    border-color: white;
    padding-left: 16px;
    padding-right: 16px;
    margin-left: 0pt;
    margin-right: 0pt;
    text-decoration: none;
    display: block;
    height: 20px;
    padding: 10px 0pt 3px;
    width: 208px;
    font-size: 16px;
    vertical-align: baseline;
    background: none repeat scroll 0% 0% transparent;
}
/* Content
--------------------------------------------------------- */
.Baiviet {
    float: left;
    width: 65%;
    padding: 10px;
    margin-left: 75px;
    border-style:groove;
}
#top {
    
    height: 100px;
    background:-moz-linear-gradient(center top , rgb(255, 255, 255), rgb(236, 236, 236)) repeat scroll 0% 0% transparent;
    border-bottom:2px solid rgb(204, 204, 204);
    margin-top:0pt;
    padding-top:  10px;
    padding-left: 20px;
    width: 98%;
    text-align: left;
    color: rgb(30, 30, 30);
}
#bottom{
    margin-top: 0px;
    width: 100%;
    height: 100%;
    
    background-color: #f9f9f9;
}
.box {
    width: 150px;
    border: 1px saddlebrown solid;
    margin-bottom: 10px;
}
#body_content{
    margin: auto;   
    padding-left: 50px;
}
.learning_path_description{
    color:#999999 ;
}
#elc-content-head{
    min-height: 20px;
    margin-bottom: 0pt;
    width: 100%;
    padding: 0pt;
    margin: 0pt;
    text-align: left;
    color: rgb(0,0,0);
}
#link-path{
    padding: 0pt;
    margin-top: 0pt;
    padding-left: 0px !important;
    float: left;
    clear: both;
    line-height: 1em;
    height: 1%;
    list-style-type: none;
    margin: 0pt;
    text-align: left;
    color:#fcefa1 ;
}
#link-path li{
    font-size: 16px;
    display: inline;
    padding: 0;
    margin: 0;
    clear: both;
    color: #fcefa1;
}


/*search
--------------------------------------------------------------*/
#select-search{
   
    float: left;
    margin-bottom: 20px;
    margin-left: 40px;

}
#header-content div{
    display: inline;
}
.search_view{
    display: block;
    background-color:#eeeeee ;
    border-radius: 0pt 0pt 0pt 0pt;
    margin:auto;
    width: 70%;
    height: 1900px;
    padding: 35px 30px;
    position: relative;
    border-color: rgb (288,288,230);
}
.primary{
    float: left;
    width: 100%;
    vertical-align: baseline;
}
.activity_list_item{
    display: block;
    padding: 15px 25px;
    margin: 0pt 0pt 40pt;
    background-color: #f9f9f9;
    position: relative;
    border-radius: 10px 10px 10px 10px;
    font-size: 100%;
    vertical-align: baseline;
}
#error_message {
    padding-bottom: 7px;
    margin-bottom: 10px;
    font-size: 11px;
    border-bottom: 1px solid rgb(229, 229, 229);
    color: rgb(102, 102, 102);
}
/*register
--------------------------------------------------------------*/
.left{
    float: left;
    margin-top: 50px;
    margin-left: 50px;
}
.right{
    float: right;
     margin-top: 120px;
    margin-right: 120px;
    
}
#wrap {
    width: 70%;
    height: 100%;
    min-height: 400px;
    margin: auto;
    margin-top: 50px;
    border-radius: 10px 10px 10px 10px;
    box-shadow: none;
    display: block;
    background-color:#eeeeee ;
}
.thongbao{
    
}